* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    overflow: hidden;
}

.background {
    width: 100vw;
    height: 100vh;
    background: linear-gradient(#87CEEB, #E0F7FF);
    position: relative;
}

.background::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: #8B4513;
}


.xiaoxin {
    width: 120px;
    height: 180px;
    position: absolute;
    bottom: 200px;
    left: 50px;
    background: url("../作业/img/x2.png") no-repeat; 
    background-size: cover;
    animation: xiaoxin 5s linear infinite;
}
.sun {
	width: 100px;
	  height: 100px;
	  background: url("../作业/img/ty.png");
	  background-size: 100% 100%;
	  position: relative;
	  top: -897px;
	  left: 1407px;
	  animation: sun 7s linear infinite;
}
.xiaobai {
	width:255px;
	height: 186px;
	position: absolute;
	bottom: 93px;
	left: 50px;
	background: url("../作业/img/g.png") no-repeat; 
	background-size: 45% 45%;
	animation: xiaobai 5s linear infinite;
}
.yun {width:330px;
	height: 285px;
	position: absolute;
	bottom: 510px;
	left: 150px;
	background: url("../作业/img/y.png") no-repeat; 
	background-size: 45% 45%;
	animation: yun 5s linear infinite;
}

@keyframes xiaoxin{
    0% { left: 50px; }
    100% { left: 1100px; }
}
@keyframes sun{
    0% {

        transform: rotate(0deg);
    }
    100% {
		
        transform: rotate(360deg);
    }
}
@keyframes xiaobai{
    0% { left: 175px; }
    100% { left: 1225px; }
}
@keyframes yun{
	0% { left: 170px;}
	100% { left: 700px;}
}